import { renderer } from "./render.js";

/* 新增节点 */
// const vnode = {
//   type: "div",
//   children: [
//     {
//       type: "p",
//       children: "1",
//       key: 1,
//     },
//     {
//       type: "p",
//       children: "2",
//       key: 2,
//     },
//     {
//       type: "p",
//       children: "3",
//       key: 3,
//     },
//   ],
// };

// const vnode1 = {
//   type: "div",
//   children: [
//     {
//       type: "p",
//       children: "1",
//       key: 1,
//     },
//     {
//       type: "p",
//       children: "4",
//       key: 4,
//     },
//     {
//       type: "p",
//       children: "5",
//       key: 5,
//     },
//     {
//       type: "p",
//       children: "2",
//       key: 2,
//     },
//     {
//       type: "p",
//       children: "3",
//       key: 3,
//     },
//   ],
// };

/* 删除节点 */

const vnode = {
  type: "div",
  children: [
    {
      type: "p",
      children: "1",
      key: 1,
    },
    {
      type: "p",
      children: "2",
      key: 2,
    },
    {
      type: "p",
      children: "3",
      key: 3,
    },
  ],
};

const vnode1 = {
  type: "div",
  children: [
    {
      type: "p",
      children: "1",
      key: 1,
    },
    {
      type: "p",
      children: "3",
      key: 3,
    },
  ],
};

renderer.render(vnode, document.getElementById("app"));
renderer.render(vnode1, document.getElementById("app"));
